13 Fancy JavaScript Slideshow Transitions Showcase
A variety of features not available in standard javascript gallery, including a stunning blur effect for thumbnails and overlay boxes. 4 types of photo changing transitions
Autoplay slideshow option
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
You will see some Flickering by changing between slides with fade Transitions. Since this problem does not exist in IE or in FF we can only provide you a small workaround where the Plugin automatically ignore fade transitions in Google Chrome.And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too. You just need to know little HTML and Javascript.
Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. +100 preset transitions
Option to set shuffle mode for slideshow
Advanced javascript API considered. Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow
It’s a powerful javascript-css slider using CSS3 and dojoToolkit. Animation transitions – ease up the animation with transitions
Easy installation, state-of-the-art transitions and text animations define the freshline style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.What makes this Slider unique is that you not only can animate your picture transitions but the elements (Text, Icons, Pics…) on each slide too. You just need to know little HTML and Javascript.
Auto delay slideshow, paused when user hover the image. Graceful degradation, it will works on the browser which don’t support CSS3 transitions too. FAQ and uncompressed javascript files are included in the source package.slideShow: false, // auto delay slideshow
slideShowDelay: 4000 // the delay second of the slideshow
In Chrome the fadeover transitions are swapped against slide transitions to ignore the Canvas Bug in Chrome
You will see some Flickering by changing between slides with fade Transitions. Since this problem does not exist in IE or in FF we can only provide you a small workaround where the Plugin automatically ignore fade transitions in Google Chrome. Or go nuts and choose “Random”! And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too. You just need to know little HTML and Javascript.
Auto slideshow and loop. Uses CSS3 transitions. Coded in object oriented JavaScript. (Minified JavaScript file)
(Non-minified JavaScript source code)
Add hover to pause option of the slideshow.CSS3 driven animation, hardware accelerated CSS3 transitions for supported modern browser.It’s lightweight, the compressed javascript is only 4kb.Optional auto delay slideshow, optional hove to pause the slideshow.// pause the auto delay slideshow when user hover
slideShow: false,
Easy installation, state-of-the-art transitions and text animations define the freshline style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. You just need to know little HTML and Javascript.
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
390+ caption effects/transitions
Jssor slider comes with 390+ impressive caption effects/transitions
Move, fade, clip, zoom and rotation transitions are all supported for all browsers
Javascript code deep compression by smart compression engine
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
390+ caption effects/transitions
Jssor slider comes with 390+ impressive caption effects/transitions
Move, fade, clip, zoom and rotation transitions are all supported for all browsers
Javascript code deep compression by smart compression engine
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover